$code-font-family: sfmono-regular, consolas, menlo, dejavu sans mono, monospace;
$code-font-size: 12px;

code,
.code {
    font-family: $code-font-family;
    font-size: $code-font-size;
    line-height: 16px;
    white-space: pre;
}

kbd {
    font-family: SFMono-Regular, Consolas, Menlo, DejaVu Sans Mono, monospace;
    display: inline-block;
    line-height: 16px;
    height: 1.125rem;
    font-size: 12px;
    padding: 0 0.25rem;
    margin: 0 0.125rem;
    vertical-align: middle;
    border-radius: 3px;
    color: #2a3a51;
    background-color: #93a9c8;
    box-shadow: inset 0 -2px 0 #5d7eac;

    .theme-light & {
        color: $color-light-text-2;
        background-color: $color-light-bg-2;
        box-shadow: inset 0 -2px 0 #cad2e2;
    }
}
